<?xml version="1.0" encoding="UTF-8" ?> 
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="xml" version="1.0" encoding="UTF-8" indent="yes"/>
	
<!-- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->	

	<xsl:template match="/">
	
		<PAGE>
		 <esquemaCF/>	
			<!-- LIBRERIAS -->
			<!--   <add type='stylesheet' src="private/[NOMBRE_LIBRERIA.css]"/> --> 
			<add type='script' src="public/inicio/PageHome.js"/>
			<add type="stylesheet" src="public/inicio/PageHome.css"/>
			<add type="stylesheet" src="public/inicio/nivo-slider.css"/>
		
			<esquemaHCF/>
			<xsl:apply-templates select="//XMLPAGE/*"/>
			
			<!-- ================================== -->
			<!-- CONTENIDO GENERAL================= -->
			<!-- ================================== -->
			
			<div style="text-align:center; margin-top:60px">
				<div style="width:680px; margin:0px auto 0px auto;">
					
					<div style="text-align:center; margin:20px;">
						<div class="navi">
							<a href="#0" class="active"></a>
							<a href="#1" class=""></a>
							<a href="#2" class=""></a>
						</div>
					</div>
					<!-- "previous page" action 
					<a class="prev browse left"></a>
					
					-->
					
					<!-- root element for scrollable -->
					<div class="scrollable" id="browsable">   
					   
					   <!-- root element for the items -->
					   <div class="items" style="left:0px;  ">
					   
					   		  <!-- 5-10 -->
						      <div>
						    	  <img src="{//contextPath}/css/public/inicio/images/hvh.png"  width="151" height="207" alt="" />
						    	  <div style="text-align:center;">
						    	  	<label class="logo-titulo-hospital">Hospital Vista Hermosa I Nivel</label>
						    	  	<br/>
						    	  	<label class="logo-titulo-eslogan">Empresa social del estado</label>
						    	  
						    	  </div>
						    	  
					          </div>
						      				
					   			
					      	  <!-- 1-5 -->
						      <div>
						    	  <img src="{//contextPath}/css/public/inicio/images/hvh.png"  width="151" height="207" alt="" />
						    	  <div style="text-align:center;">
						    	  	<label class="logo-titulo-hospital">Hospital Vista Hermosa I Nivel</label>
						    	  	<br/>
						    	  	<label class="logo-titulo-eslogan">Empresa social del estado</label>
						    	  
						    	  </div>
						    	  
					          </div>
						      
						      
						      
						      
						      <!-- 10-15 -->
						      <!-- 5-10 -->
						       <div>
						    	  <img src="{//contextPath}/css/public/inicio/images/hvh.png"  width="151" height="207" alt="" />
						    	  <div style="text-align:center;">
						    	  	<label class="logo-titulo-hospital">Hospital Vista Hermosa I Nivel</label>
						    	  	<br/>
						    	  	<label class="logo-titulo-eslogan">Empresa social del estado</label>
						    	  
						    	  </div>
						    	  
					          </div>
					      
					   </div>
					   
					</div>
					
					<!-- "next page" action 
					<a class="next browse right"></a>
					
					-->
					<clearboth/>
					
					<div style="width:300px; border-bottom:4px dotted #999; margin:0px auto 0px auto;"/>
				
					
					<!-- MENUS -->
					<div style="text-align:center; margin-top:5px;">
						<div style="width:800px; margin:0px auto 0px auto;">
							<xsl:call-template name="menu_macroprocesos"/>
							<xsl:call-template name="menu_detalle_procesos"/>
							<xsl:call-template name="menu_resumengeneral"/>
							<clearboth/>
						</div>
					</div>
					
					<div class="mensaje-positivo" style="text-align:center; margin-top:10px;">
						'' La determinación y perseverancia mueven el mundo, pensar que otros lo harán por ti es una forma segura de fracasar ''. <b>Marva Collins</b> 
					
					</div>
					
					
				
				</div>
					
			</div>	
				
			<!-- ================================== -->
			<!-- MENSAJE DE ERROR 					-->
			<!-- ================================== -->
			<xsl:if test="count(//error)>0">
				<popup id="popup_usuario">
					<titulo>Usuario incorrecto</titulo>
					<contenido>
						<div>
						La información de nombre de usuario o contraseña introducida no es correcta. Ingrese nuevamente la información de acceso.
						</div>
						<areabotones aling="right">
							<input type="button" class="boton" onclick="tooglePopup('popup_usuario');" value=" Aceptar "/>
						</areabotones>
						
					</contenido>
				</popup>
			</xsl:if>
			
		</PAGE>
		
	
	</xsl:template>
	
	<xsl:template name="menu_macroprocesos">
	<div style="float:left" class="bg-caja corner">
		<div class="caja corner" onclick ="osm_enviarFormulario('form_macroprocesos');">
			
			<form id="form_macroprocesos" destino="{//contextPath}/macroproceso/PageMacroproceso.pub" />
												
											 
			<!-- HEADER -->
			<div class="caja-header">
			
				<!-- FECHA -->
				<div style="float:left"  class="caja-fecha"></div>
				
				<!-- SEMAFORO -->
				<div style="float:right" class="caja-semaforo-gris"/>
				<div style="float:right" class="caja-semaforo-gris"/>
				<div style="float:right" class="caja-semaforo-verde"/>
				<clearboth/>
				
			</div>
			
			<!-- INFO -->
			<div>
				<div style ="float:left" class="caja-codigo">
					
					<!-- ICONO -->
					<xsl:choose>
						<xsl:otherwise>
							<div class="icon-btn-macroproceso corner"/>
						</xsl:otherwise>
						
					
						
					</xsl:choose>
					
				</div>
				<div style="float:left" class="caja-info">
					<separador/>
					<separador/>
					<div>> Macroproceso</div>
					<separador/>
					<separador/>
					
					
				</div>
				<clearboth/>
			</div>
			
			
		</div>
	</div>
	
	</xsl:template>
	
	<xsl:template name="menu_detalle_procesos">
	<div style="float:left" class="bg-caja corner">
		<div class="caja corner" onclick ="osm_enviarFormulario('form_detalleprocesos')">
			
			<form id="form_detalleprocesos" destino="{//contextPath}/proceso/PageDetalleProcesos.pub" />
			
			<!-- HEADER -->
			<div class="caja-header">
			
			
				<!-- FECHA -->
				<div style="float:left"  class="caja-fecha"></div>
				
				<!-- SEMAFORO -->
				<div style="float:right" class="caja-semaforo-gris"/>
				<div style="float:right" class="caja-semaforo-gris"/>
				<div style="float:right" class="caja-semaforo-amarillo"/>
				
				
				<clearboth/>
				
			</div>
			
			<!-- INFO -->
			<div>
				<div style ="float:left" class="caja-codigo">
					
					<!-- ICONO -->
					<xsl:choose>
						
						
						<xsl:otherwise>
							<div class="icon-btn-detalleproceso corner"/>
						</xsl:otherwise>
						
						
						
					</xsl:choose>
					
					
				</div>
				<div style="float:left" class="caja-info">
					<separador/>
					<separador/>
					<div>> Detalle Procesos</div>
					<separador/>
					<separador/>
					
				</div>
				<clearboth/>
			</div>
			
			
		</div>
	</div>
	
	</xsl:template>
	
	<xsl:template name="menu_resumengeneral">
	<div style="float:left" class="bg-caja corner">
		<div class="caja corner" onclick ="osm_enviarFormulario('form_resumengeneral');">
			
			<form id="form_resumengeneral" destino="{//contextPath}/procesos/PageResumenGeneral.pub" />
			
			<!-- HEADER -->
			<div class="caja-header">
			
				<!-- FECHA -->
				<div style="float:left"  class="caja-fecha"></div>
				
				<!-- SEMAFORO -->
				
				<div style="float:right" class="caja-semaforo-gris"/>
				<div style="float:right" class="caja-semaforo-gris"/>
				<div style="float:right" class="caja-semaforo-rojo"/>
				
				<clearboth/>
				
			</div>
			
			<!-- INFO -->
			<div>
				<div style ="float:left" class="caja-codigo">
					
					<!-- ICONO -->
					<xsl:choose>
						<xsl:when test="2=1"></xsl:when>
						
						<xsl:otherwise>
							<div class="icon-btn-resumengeneral corner"/>
						</xsl:otherwise>
						
					</xsl:choose>
					
					
				</div>
				<div style="float:left" class="caja-info">
					<separador/>
					<separador/>
					<div>> Resumen General</div>
					<separador/>
					<separador/>
					
				</div>
				<clearboth/>
			</div>
			
			
		</div>
	</div>
	
	
	
	
	</xsl:template>
	
	
	
	
	<!-- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->
	
	<xsl:template match="@*|node()" priority="-1">
	    <xsl:copy>
	        <xsl:apply-templates select="@*|node()"/>
	    </xsl:copy>
	</xsl:template>

	
</xsl:stylesheet>